<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
	<style type="text/css">
		.bigbox{
			width:1000px;height:500px;
			bgckground-color:pink;
		}
		.top{
			width:1000px;height:100px;
			bgckground-color:blue;
		}
		.bottom{
			width:1000px;height:400px;
			bgckground-color:green;
		}
		.left{
			width:700px;height:100px;
			background-color:black;
			display:inline-block;
			text-align: center;
		}
		.right{
			width:295px;height:100px;
			background-color:red;
			display:inline-block;
			text-align: center;
		}
		.a{
			width:295px;height:400px;
			background-color:blue;
			background-image:url(img/4.jpg);
			display:inline-block;
		}
		.b{
			width:400px;height:400px;
			background-color:blue;
			background-image:url(img/4.jpg);
			display:inline-block;
		}
		.c{
			width:295px;height:400px;
			background-color:blue;
			background-image:url(img/4.jpg);
			display:inline-block;
		}
	</style>
	<body>
		<div class="bigbox">
			<div class="top">
				<div class="left">
				<a href="#">首页</a>
				<a href="#">菜鸟工具</a>
				<a href="#">菜鸟笔记</a>
				<a href="#">参考手册</a>
				<a href="#">用户笔记</a>
				<a href="#">测验/考试</a>
				<a href="#">本地书签</a>
				</div>
				<div class="right"><input type="text"></div>
			</div>
			<div class="bottom">
			<div class="a"></div>
			<div class="b"></div>
			<div class="c"></div>
			</div>
		</div>
	</body>
</html>